<template>
  <div>

  </div>
</template>

<script>
import { Group, Calendar, Cell, Badge, CellBox, XButton } from 'vux'

export default {
  name: 'index',
  data () {
    return {
      readonly: false,
      demo1: '',
      demo2: 'TODAY',
      demo3: 'TODAY',
      demo4: 'TODAY',
      demo5: [],
      demo6: [],
      displayFormat (value, type) {
        if (type === 'string') {
          return value
        } else {
          return value.length ? (value.length + ' days') : ''
        }
      }

    }
  },
  components: {
    Calendar,
    Group,
    Cell,
    Badge,
    CellBox,
    XButton
  },
  metaInfo: {
    title: 'Home',
    titleTemplate: '%s - Lavas',
    meta: [
      {name: 'keywords', content: 'lavas PWA'},
      {name: 'description', content: '基于 Vue 的 PWA 解决方案，帮助开发者快速搭建 PWA 应用，解决接入 PWA 的各种问题'}
    ]
  },
  methods: {
    log (str) {
      console.log(str)
    },
    onChange (val) {
      console.log('on change', val)
    }
  },
  async asyncData ({store, route}) {
  },
  activated () {
  }
}
</script>

<style lang="less" scoped>

.content {
  display: flex;
  align-items: center;
  justify-content :center;
  height: 100%;
  flex-wrap: wrap;
  h2 {
    font-size: 46px;
    font-weight: 500;
  }

}
</style>
